* {
    padding: 0;
    margin: 0;
}
.btn,button,[role='button']{
    -webkit-user-select:none; /* 控制用户不可选择文字 */
}
body{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 去掉点击时出现的黑色背景 */
}
.box-scroll{
    -webkit-overflow-scrolling: touch; /* 使用原生的滚动效果 */
}
ul,li{
    list-style:none;
}
.box-200-200 {
    width: 200px;
    height: 200px;
    background-color: #fc0;
}

.bgc-fc0 {
    background-color: #fc0;
}

.bgc-f0c {
    background-color: #f0c;
}

.bgc-0fc {
    background-color: #0fc;
}

.bgc-cf0 {
    background-color: #cf0;
}

.bgc-c0f {
    background-color: #c0f;
}

.bgc-0cf {
    background-color: #0cf;
}

.bgc-red {
    background-color: red;
}

.bgc-green {
    background-color: green;
}

.bgc-blue {
    background-color: #00f;
}

.bgc-ccc {
    background-color: #ccc;
}

.c-black {
    color: #000;
}

.c-333 {
    color: #333;
}

.c-666 {
    color: #666;
}

.c-eee {
    color: #eee;
}

.c-999 {
    color: #999;
}

.m-20-auto {
    margin: 20px auto;
}

.m20 {
    margin: 20px;
}

.p20 {
    padding: 20px;
}
